<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }


    </style>
</head>
<body>
<div id="content">
    <h3>祝福冬奥</h3>
    <ul>
        <li>贝克汉姆：衷心希望北京能够申办成功！</li>
        <li>姚明：北京申冬奥是个非常棒的机会！加油！</li>
        <li>张虹：北京办冬奥，大家的热情定超乎想象！</li>
        <li>肖恩怀特：我爱北京，支持北京申办冬奥会！</li>
        <li>赵宏博：北京申办冬奥会在合适不过了!</li>
        <li>你喜欢哪些冬季运动项目？(点击进入调查页)</li>
    </ul>
</div>
</body>
<script src="jquery-3.4.1.js"></script>
<script>
$(function () {
    $('#content').css({'border':'1px solid #2a65ba','width':'400px'});
    $('#content :header').css({'height':'40px','lineHeight':'40px',
        'padding-left':'30px','box-sizing':' border-box',
        'background-color':'#2a65ba','color':'white'});
    $('#content>ul>li').css({'width':'100%','height':'40px',
        'lineHeight':'40px','text-align':'left','padding-left':'30px',
        'box-sizing':' border-box','border-bottom':'1px dashed #ccc'});
    $('#content>ul>li:even').css({'backgroundColor':'#f0f0f0'});
    $('#content>ul>li:odd').css({'backgroundColor':'#cccccc'});
    $('#content>ul>li:eq(0)').css({'font-size':'18px','color':'red'})
})
</script>
</html>